<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<section id="widget-grid" class="">
    <jsp:include page="../searchbar.jsp"/>
    <div class="row">

        <article class="col-sm-12 sortable-grid ui-sortable">
            <div class="jarviswidget jarviswidget-sortable" id="wid-id-0" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-deletebutton="false" role="widget" style="">
                <header role="heading">
                    <ul class="nav nav-tabs in" id="myTab2">
                        <li class="active">
                            <a data-toggle="tab" href="#s1"><span class="hidden-mobile hidden-tablet"><spring:message code="MENU_ANALYSIS_YIELD"></spring:message></span></a>
                        </li>
                        <li>
                            <a data-toggle="tab" id="historyTab" href="#s2"><span class="hidden-mobile hidden-tablet"><spring:message code="MENU_ANALYSIS_HISTORY"></spring:message></span></a>
                        </li>
                    </ul>

                    <div class="jarviswidget-ctrls" role="menu">
                        <a href="javascript:void(0);" class="button-icon jarviswidget-toggle-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Collapse"><i class="fa fa-minus "></i></a>
                        <a href="javascript:void(0);" class="button-icon jarviswidget-fullscreen-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Fullscreen"><i class="fa fa-expand "></i></a>
                        <!--<a href="javascript:void(0);" class="button-icon jarviswidget-delete-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Delete"><i class="fa fa-times"></i></a>-->
                    </div>
                    <!--<h2><strong>Test Items</strong></h2>-->

                    <span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span>

                    <!--<div class="widget-toolbar" role="menu">-->
                    <!--<a href="javascript:void(0);" class="btn btn-warning"  data-loading-text="&nbsp;&nbsp;Loading...&nbsp;" rel="tooltip" title="" data-placement="bottom"-->
                    <!--data-original-title="Export Current Table">-->
                    <!--<i class="fa fa-lg fa-history"></i> Export-->
                    <!--</a>-->
                    <!--</div>-->
                </header>
                <!--</header>-->

                <!-- widget div-->
                <div class="no-padding" role="content">
                    <!-- widget edit box -->
                    <div class="jarviswidget-editbox">
                    </div>
                    <!-- end widget edit box -->

                    <div class="widget-body">
                        <!-- content -->
                        <div id="myTabContent" class="tab-content padding-10">
                            <div class="tab-pane fade active in  no-padding-bottom" id="s1">
                                <div class="well no-space no-padding">
                                    <div class="padding-5 bg-info">
                                        <a href="javascript:void(0);" id="exportYields" class="btn ui-btn-xs btn-warning pull-right"><i class="fa fa-history"></i> <spring:message code="GLOBAL_EXPORT"></spring:message></a>
                                        <a href="javascript:void(0);" id="yield_collapseBtn1" class="collapseBtn"><spring:message code="REPORT_MAIN_DATA_GRID"></spring:message><span> <i class="fa fa-angle-down"></i></span></a>
                                    </div>
                                    <%--<hr class="margin-top-0 margin-bottom-0 floating">--%>
                                    <table id="tbl_yield" class="table table-bordered table-hover" style="margin-top: 0px !important;">
                                        <thead>
                                        <tr>
                                            <th width="20" data-hide="phone"><spring:message code="TABLE_NO"/></th>
                                            <th><spring:message code="TABLE_ID"/></th>
                                            <th><spring:message code="REPORT_STATIONNAME"/></th>
                                            <th><spring:message code="REPORT_FIRSTINSPECT"/></th>
                                            <th><spring:message code="REPORT_FIRSTPASS"/></th>
                                            <th><spring:message code="REPORT_FIRSTFAIL"/></th>
                                            <th><spring:message code="REPORT_FPY"/></th>
                                            <th><spring:message code="REPORT_RETESTINSPECT"/></th>
                                            <th><spring:message code="REPORT_RETESTPASS"/></th>
                                            <th><spring:message code="REPORT_RETESTFAIL"/></th>
                                            <th><spring:message code="REPORT_RETESTYIELD"/></th>
                                            <th><spring:message code="REPORT_RETESTTOTAL"/></th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>

                                <div class="margin-top-10">
                                    <div class="well no-space no-padding">
                                        <div class="padding-5 bg-info">
                                            <a href="javascript:void(0);" id="exportYieldSn" class="btn ui-btn-xs btn-warning pull-right"><i class="fa fa-history"></i> <spring:message code="GLOBAL_EXPORT"></spring:message></a>
                                            <a href="javascript:void(0);" id="yield_collapseBtn2" class="collapseBtn"><spring:message code="REPORT_HISTORY_DATA_GRID"></spring:message><span> <i class="fa fa-angle-left"></i></span></a>
                                        </div>
                                        <table id="tbl_yieldSn" class="table table-bordered table-hover" style="margin-top: 0px !important;">
                                            <thead>
                                            <tr>
                                                <th width="20"><spring:message code="TABLE_NO"/></th>
                                                <th data-class="expand"><spring:message code="TABLE_ID"/></th>
                                                <th><spring:message code="REPORT_SERIALNUMBER"/></th>
                                                <th><spring:message code="REPORT_PROJECTNAME"/></th>
                                                <th><spring:message code="REPORT_STATIONNAME"/></th>
                                                <th><spring:message code="REPORT_SLOT"/></th>
                                                <th><spring:message code="REPORT_STARTTIME"/></th>
                                                <th><spring:message code="REPORT_STOPTIME"/></th>
                                                <th width="60"><spring:message code="REPORT_ISPASS"/></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="margin-top-10">
                                    <div class="well no-space no-padding">
                                        <div class="padding-5  bg-info">
                                            <a href="javascript:void(0);" id="exportYieldItems" class="btn ui-btn-xs btn-warning pull-right"><i class="fa fa-history"></i> <spring:message code="GLOBAL_EXPORT"></spring:message></a>
                                            <a href="javascript:void(0);" id="yield_collapseBtn3" class="collapseBtn"><spring:message code="REPORT_INFO_DATA_GRID"></spring:message><span> <i class="fa fa-angle-left"></i></span></a>
                                        </div>
                                        <ul id="tag_itemsOrAttributes" class="nav nav-tabs bordered" >
                                            <li class="active">
                                                <a data-toggle="tab" href="#tag_items">
                                                    <span class="hidden-mobile hidden-tablet">Items</span>
                                                </a>
                                            </li>
                                            <li class="">
                                                <a data-toggle="tab" href="#tag_attributes">
                                                    <span class="hidden-mobile hidden-tablet">Attributes</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <div class="tab-content no-padding">
                                            <div class="tab-pane fade active in" id="tag_items">
                                                <table id="tbl_yieldItems" class="table table-bordered table-hover" style="margin-top: 0px !important;">
                                                    <thead>
                                                    <tr>
                                                        <th width="20" data-hide="phone"><spring:message code="TABLE_NO"/></th>
                                                        <th><spring:message code="REPORT_TESTITEM"/></th>
                                                        <th><spring:message code="REPORT_UPPERLIMIT"/></th>
                                                        <th><spring:message code="REPORT_LOWERLIMIT"/></th>
                                                        <th><spring:message code="REPORT_UNITNAME"/></th>
                                                        <th><spring:message code="REPORT_TESTEDVALUE"/></th>
                                                        <th><spring:message code="REPORT_TESTEDRESULT"/></th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="tab-pane fade" id="tag_attributes">
                                                <table id="tbl_yieldAttributes" class="table table-bordered table-hover" style="margin-top: 0px !important;">
                                                    <thead>
                                                    <tr>
                                                        <th width="20"><spring:message code="TABLE_NO"/></th>
                                                        <th><spring:message code="REPORT_ATTRIBUTENAME"/></th>
                                                        <th><spring:message code="REPORT_ATTRIBUTEVALUE"/></th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- end s1 tab pane -->

                            <div class="tab-pane fade" id="s2">
                                <div class="well no-space no-padding">
                                    <div class="padding-5  bg-info">
                                        <a href="javascript:void(0);" id="exportSN" class="btn ui-btn-xs btn-warning pull-right"><i class="fa fa-history"></i> <spring:message code="GLOBAL_EXPORT"></spring:message></a>
                                        <a href="javascript:void(0);" id="collapseBtn1" class="collapseBtn "><spring:message code="REPORT_MAIN_DATA_GRID"></spring:message><span> <i class="fa fa-angle-down"></i></span></a>
                                    </div>
                                    <%--<hr class="margin-top-0 margin-bottom-0 floating">--%>
                                    <table id="tbl_sn" class="table table-bordered table-hover" style="margin-top: 0px !important;">
                                        <thead>
                                        <tr>
                                            <th width="20" data-hide="phone"><spring:message code="TABLE_NO"/></th>
                                            <th><spring:message code="REPORT_SERIALNUMBER"/></th>
                                            <th><spring:message code="REPORT_PROJECTNAME"/></th>
                                            <th><spring:message code="REPORT_STATIONNAME"/></th>
                                            <th><spring:message code="REPORT_SLOT"/></th>
                                            <th><spring:message code="REPORT_STARTTIME"/></th>
                                            <th><spring:message code="REPORT_STOPTIME"/></th>
                                            <th width="60"><spring:message code="REPORT_ISPASS"/></th>
                                        </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>

                                <div class="margin-top-10">
                                    <div class="well no-space no-padding">
                                        <div class="padding-5 bg-info">
                                            <a href="javascript:void(0);" id="exportHistory" class="btn ui-btn-xs btn-warning pull-right"><i class="fa fa-history"></i> <spring:message code="GLOBAL_EXPORT"></spring:message></a>
                                            <a href="javascript:void(0);" id="collapseBtn2" class="collapseBtn "><spring:message code="REPORT_HISTORY_DATA_GRID"></spring:message><span> <i class="fa fa-angle-down"></i></span></a>
                                        </div>
                                        <%--<hr class="margin-top-5 margin-bottom-5">--%>
                                        <ul id="widget-tab-3" class="nav nav-tabs  ">
                                            <li class="active">
                                                <a data-toggle="tab" href="#hrh1">
                                                    <span class="hidden-mobile hidden-tablet">History</span>
                                                </a>
                                            </li>
                                            <li class="">
                                                <a data-toggle="tab" href="#hrh2">
                                                    <span class="hidden-mobile hidden-tablet">Attributes</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <div class="tab-content no-padding">
                                            <div class="tab-pane fade active in" id="hrh1">
                                                <table id="tbl_history" class="table table-bordered table-hover" style="margin-top: 0px !important;">
                                                    <thead>
                                                    <tr>
                                                        <th width="30" data-hide="phone"><spring:message code="TABLE_NO"/></th>
                                                        <th><spring:message code="REPORT_STATIONNAME"/></th>
                                                        <th><spring:message code="REPORT_SLOT"/></th>
                                                        <th><spring:message code="REPORT_STARTTIME"/></th>
                                                        <th><spring:message code="REPORT_STOPTIME"/></th>
                                                        <th width="80"><spring:message code="REPORT_ISPASS"/></th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="tab-pane fade" id="hrh2">
                                                <table id="tbl_attributes" class="table table-bordered table-hover" style="margin-top: 0px !important;">
                                                    <thead>
                                                    <tr>
                                                        <th width="20"><spring:message code="TABLE_NO"/></th>
                                                        <th><spring:message code="REPORT_ATTRIBUTENAME"/></th>
                                                        <th><spring:message code="REPORT_ATTRIBUTEVALUE"/></th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="margin-top-10">
                                    <div class="well no-space no-padding">
                                        <div class="padding-5  bg-info">
                                            <a href="javascript:void(0);" id="exportItems" class="btn ui-btn-xs btn-warning pull-right"><i class="fa fa-history"></i> <spring:message code="GLOBAL_EXPORT"></spring:message></a>
                                            <a href="javascript:void(0);" id="collapseBtn3" class="collapseBtn "><spring:message code="REPORT_INFO_DATA_GRID"></spring:message><span> <i class="fa fa-angle-down"></i></span></a>

                                        </div>
                                        <%--<hr class="margin-top-5 margin-bottom-0">--%>
                                        <table id="tbl_items" class="table table-bordered table-hover" style="margin-top: 0px !important;">
                                            <thead>
                                            <tr>
                                                <th width="20" data-hide="phone"><spring:message code="TABLE_NO"/></th>
                                                <th><spring:message code="REPORT_TESTITEM"/></th>
                                                <th><spring:message code="REPORT_UPPERLIMIT"/></th>
                                                <th><spring:message code="REPORT_LOWERLIMIT"/></th>
                                                <th><spring:message code="REPORT_UNITNAME"/></th>
                                                <th><spring:message code="REPORT_TESTEDVALUE"/></th>
                                                <th><spring:message code="REPORT_TESTEDRESULT"/></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- end s2 tab pane -->
                        </div>
                        <!-- end tab content -->
                    </div>
                    <!-- widget body -->
                </div>
                <!-- end content -->
            </div>
            <!-- end widget div -->
        </article>
    </div>
</section>

<script src="js/core/business/analysis/report/reportInit.js" type="text/javascript"></script>
<script>
   /* var color = {
        red: 'brown',
        blue: '#3276B1',
        green: '#71843F',
        degreen: '#568A89'
    };*/
</script>